<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>考勤预览页面</title>
<meta name="description" content="这是一个 index 页面">
<meta name="keywords" content="index">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link href="${pageContext.request.contextPath}/assets/css/bootstrap.css"
	rel="stylesheet">
<link rel="icon" type="image/png"
	href="${pageContext.request.contextPath}/assets/i/favicon.png">
<link rel="apple-touch-icon-precomposed"
	href="${pageContext.request.contextPath}/assets/i/app-icon72x72@2x.png">
<meta name="apple-mobile-web-app-title" content="Amaze UI" />
<script
	src="${pageContext.request.contextPath}/assets/js/echarts.min.js"></script>
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/assets/css/amazeui.min.css" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/assets/css/amazeui.datatables.min.css" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/assets/css/app.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/assets/css/new_file.css" />
<script src="${pageContext.request.contextPath}/assets/js/jquery.min.js"></script>

</head>

<body data-type="widgets">
	<script src="${pageContext.request.contextPath}/assets/js/theme.js"></script>
	<div class="am-g tpl-g">
		<!-- 头部 -->
		<header> <!-- logo -->
		<div class="am-fl tpl-header-logo">
			<a href="javascript:;"><img
				src="${pageContext.request.contextPath}/assets/img/logo.png" alt=""></a>
		</div>
		<!-- 右侧内容 -->
		<div class="tpl-header-fluid">
			<!-- 侧边切换 -->
			<div class="am-fl tpl-header-switch-button am-icon-list">
				<span> </span>
			</div>

			<!-- 其它功能-->
			<div class="am-fr tpl-header-navbar">
				<ul>

					<!-- 退出 -->
					<li class="am-text-sm"><a href="logout"> <span
							class="am-icon-sign-out"></span> 退出
					</a></li>
				</ul>
			</div>
		</div>

		</header>
		<!-- 风格切换 -->
		<div class="tpl-skiner">
			<div class="tpl-skiner-toggle am-icon-delicious"></div>
			<div class="tpl-skiner-content">
				<div class="tpl-skiner-content-title">选择主题</div>
				<div class="tpl-skiner-content-bar">
					<span class="skiner-color skiner-white" data-color="theme-white"></span>
					<span class="skiner-color skiner-black" data-color="theme-black"></span>
				</div>
			</div>
		</div>
		<!-- 侧边导航栏 -->
		<div class="left-sidebar">

			<!-- 菜单 -->
			<ul class="sidebar-nav">
				<li class="sidebar-nav-link"><a href="redact"> <i
						class="am-icon-edit sidebar-nav-link-logo"></i> 考勤编辑
				</a></li>
				<li class="sidebar-nav-link"><a href="examine"> <i
						class="am-icon-eye-slash sidebar-nav-link-logo"></i> 考勤检查

				</a></li>

				<li class="sidebar-nav-link"><a href="audit"> <i
						class="am-icon-eye sidebar-nav-link-logo"></i> 考勤审核
				</a></li>
				<li class="sidebar-nav-link"><a href="dynamic?id=1"> <i
						class="am-icon-blind sidebar-nav-link-logo"></i> 今日动态

				</a></li>
				<li class="sidebar-nav-link"><a href="preview" class="active">
						<i class="am-icon-tasks sidebar-nav-link-logo"></i> 考勤预览

				</a></li>
				<li class="sidebar-nav-link"><a href="addAdmin"> <i
						class="am-icon-plus sidebar-nav-link-logo"></i> 增加学生

				</a></li>
				<li class="sidebar-nav-link"><a href="message"> <i
						class="am-icon-male sidebar-nav-link-logo"></i> 个人信息

				</a></li>

			</ul>
		</div>

		<!-- 内容区域 -->
		<div class="tpl-content-wrapper">

			<div class="row-content am-cf">
				<div class="row">
					<div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
						<div class="widget am-cf">
							<div class="widget-head am-cf">
								<div class="widget-title  am-cf">考勤预览</div>

							</div>
							<div class="dangxuankuang">
								<div style="float: left;">选择时间：</div>
								<div class="aa" style="float: left;">
									<input type="radio" name="a" value="a" />
								</div>
								<span style="float: left; margin-left: 5px;">全部</span>

								<div class="aa" style="float: left; margin-left: 10px;">
									<input type="radio" name="a" value="a" />
								</div>
								<span style="float: left; margin-left: 5px;">近一周</span>

								<div class="aa" style="float: left; margin-left: 10px;">
									<input type="radio" name="a" value="a" />
								</div>
								<span style="float: left; margin-left: 5px;">近三周</span>

								<div class="aa" style="float: left; margin-left: 10px;">
									<input type="radio" name="a" value="a" />
								</div>
								<span style="float: left; margin-left: 5px;">近一个月</span>
								<div
									style="float: left; margin-left: 10px; font-size: 10px; margin-top: 3px;">
									<button type="button" class="prerview-sousuokuang">
										<span>搜索</span>
									</button>

								</div>
							</div>

							<div class="widget-body  am-fr">

								<div class="am-u-sm-12">
									<table width="100%"
										class="am-table am-table-compact am-table-striped tpl-table-black "
										id="example-r">
										<thead>
											<tr>
												<th width="10%">序号</th>
												<th width="10%">学号</th>
												<th width="10%">姓名</th>
												<th width="10%">操行分</th>
												<th width="10%">类型</th>
												<th width="20%">时间</th>
												<th width="10%">备注</th>
												<th width="10%">状态</th>
												<th width="10%">详情</th>
											</tr>
										</thead>
										<tbody>
											<c:forEach var="preview" items="${pager.lists}">
												<tr>
													<td>${preview.id}</td>
													<td>${preview.stuNo}</td>
													<td>${preview.name}</td>
													<td>${preview.grade}</td>
													<td>${preview.type}</td>
													<td><c:if test="${not empty preview.timeBegin}">
										${preview.timeBegin}至${preview.timeOver}
										</c:if></td>
													<td>${preview.remarks}</td>
													<td><c:if test="${preview.trantype==2}">&nbsp;&nbsp;<label
																class="label label-warning">待审核</label>
														</c:if> <c:if test="${preview.trantype==3}">&nbsp;&nbsp;<label
																class="label label-success">已审核</label>
														</c:if> <c:if test="${preview.trantype==4}">&nbsp;&nbsp;<label
																class="label label-danger">未通过</label>
														</c:if> <c:if test="${preview.trantype==5}">&nbsp;&nbsp;<label
																class="label label-info">迟到</label>
														</c:if> <c:if test="${preview.trantype==6}">&nbsp;&nbsp;<label
																class="label label-info">旷课</label>
														</c:if> <c:if test="${preview.trantype==7}">&nbsp;&nbsp;<label
																class="label label-info">事假</label>
														</c:if> <c:if test="${preview.trantype==8}">&nbsp;&nbsp;<label
																class="label label-info">病假</label>
														</c:if> <c:if test="${preview.trantype==9}">&nbsp;&nbsp;<label
																class="label label-info">公出</label>
														</c:if> <c:if
															test="${preview.trantype ne 2 && preview.trantype ne 3 && preview.trantype ne 4 && preview.trantype ne 5  && preview.trantype ne 6 && preview.trantype ne 7 && preview.trantype ne 8 && preview.trantype ne 9}">&nbsp;&nbsp;<label
																class="label label-danger">未知状态</label>
														</c:if></td>

													<td><a href="details?id=${preview.id}"
														class="btn btn-primary btn-xs">查看详情</a></td>
												</tr>

											</c:forEach>
											<!-- more data -->
										</tbody>
									</table>
								</div>
								<c:if test="${empty pager.lists}">今日动态暂无数据</c:if>
								<c:if test="${not empty pager.lists}">
									<div class="am-u-lg-12 am-cf">

										<div class="am-fr">
											<ul class="am-pagination tpl-pagination">
												<li><a
													href="preview?curPage=${pager.curPage-1}&pageCount=${pager.pageCount}">«</a></li>
												<c:forEach var="i" begin='1' end="5">
													<li><a
														href="preview?curPage=${i}&pageCount=${pager.pageCount}">${i}</a></li>
												</c:forEach>
												<li><a
													href="preview?curPage=${pager.curPage+1}&pageCount=${pager.pageCount}">»</a></li>
											</ul>
										</div>
									</div>
								</c:if>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	</div>
	</div>
	<script
		src="${pageContext.request.contextPath}/assets/js/amazeui.min.js"></script>
	<script
		src="${pageContext.request.contextPath}/assets/js/amazeui.datatables.min.js"></script>
	<script
		src="${pageContext.request.contextPath}/assets/js/dataTables.responsive.min.js"></script>
	<script src="${pageContext.request.contextPath}/assets/js/app.js"></script>

</body>

</html>